/**
 * 下载图片
 * @param imgPath
 */
export function diImg (imgPath) {
  if (window.webkit && window.webkit.messageHandlers && window.webkit.messageHandlers.downloadAndSetupDesktopImage) {
    window.webkit.messageHandlers.downloadAndSetupDesktopImage.postMessage(imgPath)
    return true
  } else {
    console.warn('No api')
    return false
  }
}

/**
 * 打印日志
 * @param msg
 * @returns {boolean}
 */
export function printLog (msg = '') {
  if (window.webkit && window.webkit.messageHandlers && window.webkit.messageHandlers.diLog) {
    window.webkit.messageHandlers.diLog.postMessage(msg)
    return true
  } else {
    console.warn('No api')
    return false
  }
}

/**
 * 更新App 标题
 * @param title
 * @returns {boolean}
 */
export function updateWindowTitle (title = '') {
  if (window.webkit && window.webkit.messageHandlers && window.webkit.messageHandlers.updateTitleFromWeb) {
    window.webkit.messageHandlers.updateTitleFromWeb.postMessage(title)
    return true
  } else {
    console.warn('No api')
    return false
  }
}

/**
 * 打开下载App链接
 * @param url
 * @returns {boolean}
 */
export function openAppUrlOnBrowser (url = '') {
  if (window.webkit && window.webkit.messageHandlers && window.webkit.messageHandlers.openAppUrlOnBrowser) {
    window.webkit.messageHandlers.openAppUrlOnBrowser.postMessage(url)
    return true
  } else {
    console.warn('No api')
    return false
  }
}

// eslint-disable-next-line no-unused-vars
function initLazyLoad () {
  const options = {
    // 表示重叠面积占被观察者的比例，从 0 - 1 取值，
    // 1 表示完全被包含
    threshold: 0.1
  }

  const callback = function (entries, observer) {
    entries.forEach(entry => {
      // entry.time // 触发的时间
      // entry.rootBounds // 根元素的位置矩形，这种情况下为视窗位置
      // entry.boundingClientRect // 被观察者的位置举行
      // entry.intersectionRect // 重叠区域的位置矩形
      // entry.intersectionRatio // 重叠区域占被观察者面积的比例（被观察者不是矩形时也按照矩形计算）
      // entry.target // 被观察者
      if (entry.intersectionRatio >= 0.1) {
        // console.log(entry.target.getAttribute('item-idx') + ', ' + entry.intersectionRatio, entry.target.getAttribute('item-title'))
        // const imgUrl = entry.target.getAttribute('bg-img-src')
        // entry.target.style.backgroundImage = `url(${imgUrl})`
      }
    })
  }

  const observer = new IntersectionObserver(callback, options)
  document.querySelectorAll('.img-container').forEach(tmpE => {
    observer.observe(tmpE)
  })
}
